<template>
  <li class="card-item">
    <div class="card">
      <div class="img-wrap">
        <img :src="require(`../../assets/img/${item.name}.jpg`)" :alt="item.name"/>
        <div class="mask">
          <h1>{{item.name}}</h1>
          <h1>{{item.startday}}</h1>
        </div>
      </div>
    </div>
  </li>
</template>

<script>
  export default {
    name: "CardItem",
    props: ['item'],

  }
</script>